* {
    margin: 0;
    padding: 0;
}
.all {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
}
.gonfgNeng_div {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 500px;
}
@mixin alert {
    position: absolute;
    height: 40px;
    background-color: #ccccce;
    margin-left: 20px;
}
.title_select {
    position: relative;
    width: 1100px;
    height: 60px;
    background-color:  #ccccce;
    margin-top: 40px;
    .title_select_one {
        width: 300px;
       @include alert;
       .title_select_one_left {
           position: absolute;
           left: 0;
           width: 60px;
           height: 30px;
           text-align: center;
           font-size: 13px;
           line-height: 30px;
           top: 5px;
           background-color: #f7f7fa;
       }
       .title_select_one_right_div {
           position: absolute;
           left: 65px;
           top: 5px;
           width: 200px;
           height: 30px;
           background-color: #f7f7fa;
           border-radius: 4%;
           border: 1px solid black;
       }
       .title_select_one_right {
           position:absolute;
           left: 5px;
           top: 8px;
           font-size: 13px;
           border: 0;
           outline: none;
           background-color: #f7f7fa;
       }
    }
    .title_select_two {
        @include alert;
        width: 300px;
        margin-left: 340px;
        .title_select_two_left {
            position: absolute;
            left: 0;
            width: 60px;
            height: 30px;
            font-size: 13px;
            text-align: center;
            line-height: 30px;
            top: 5px;
            background-color:#f7f7fa;
        }
        .title_select_two_right_div {
            position: absolute;
            left: 65px;
            top: 5px;
            width: 200px;
            height: 30px;
            background-color: #f7f7fa;
            border-radius: 5%;
            border:1px solid black;
        }
        .title_select_two_right {
            position:absolute;
            left: 5px;
            top: 8px;
            background-color: #f7f7fa;
            border: 0;
            outline: none;
        }
     }
     .title_select_three {
        @include alert;
        width: 450px;
        margin-left: 650px;
        .title_select_three_left {
            position: absolute;
            left: 0;
            width: 60px;
            height: 30px;
            font-size: 13px;
            text-align: center;
            line-height: 30px;
            top: 5px;
            background-color:#f7f7fa;
        }
        .title_select_three_right_div {
            position: absolute;
            left: 65px;
            top: 5px;
            width: 200px;
            height: 30px;
            background-color:#f7f7fa;
            border-radius: 5%;
            border:1px solid black;
        }
        .title_select_three_right {
            position:absolute;
            left: 5px;
            top: 8px;
            border:0;
            background-color:#f7f7fa;
            outline: none;
        }
     }
}
.select_agagin {
position: absolute;
right: 0;
width: 160px;
height: 40px;
}
.title_right_select {
    position: absolute;
    width: 70px;
    height: 35px;
    border-radius: 5%;
    right: 75px;
    text-align: center;
    line-height: 35px;
    background-color: #46A6FF;
    border: 1px solid black;
    font-size: 13px;
}
.title_right_again {
    position: absolute;
    border-radius: 5%;
    width: 70px;
    height: 35px;
    right: 0px;
    text-align: center;
    line-height: 35px;
    background-color: #FFC0CB;
    font-size: 13px;
    border: 1px solid black;
}
@mixin alert {
    display: inline-block;
    margin-top: 10px;
    width: 45px;
    height: 25px;
    margin-left: 20px;
    font-size: 13px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    border-radius: 15%;
}
.gongNeng_titie_div {
    position: absolute;
    top: 100px;
    width: 1100px;
    height: 60px;
    background-color:#CCCCCE;
    .gongNeng_title {
        margin-top: 10px;
        width: 300px;
        height: 40px;
        background-color:#CCCCCE;
        .add {
         @include alert;
         background-color: #A3D3FF;
         border: 1px solid yellow;
        }
        .delect {
        @include alert;
        background-color: #E7FAF0;
       
        }
        .change {
        @include alert;
        background-color: #FFEDED;
        border: 1px solid yellow;
        }
        .select {
        @include alert;
        background-color: #FFF8E6;
        border: 1px solid yellow;
        }
    }
}
.change_textArea {
    position: absolute;
    top: 140px;
    width: 1100px;
    height: 300px;
    margin-top: 20px;
    background-color:rgb(172, 170, 170);
}
.table {
    position: absolute;
    width: 1000px;
    margin:0px auto;
    text-align: center;
    border-collapse: collapse;
}
td,th {
    border: 1px solid black;
}
thead tr {
    height: 40px;
    background-color: gray;
}
.btn_delect {
    text-decoration: none;
    color: black;
}
.btn_change {
    text-decoration: none;
    color: black;
}



@mixin alert_four {
    position: absolute;
    top: 5px;
    left: 40px;
    width: 300px;
    height: 30px;
    background-color: #CCCCCE;
}
.hidden_add {
    display: none;
    margin-top: 45px;
    position: absolute;
    width: 500px;
    height: 360px;
    background-color: #CCCCCE;
    .hidden_add_head {
        margin-top: 40px;
        margin-left: 150px;
        width: 200px;
        height: 30px;
        background-color:#CCCCCE;
        font-size: 15px;
        text-align: center;
        line-height: 30px;
    }
    .hidden_add_textArea {
        position: relative;
        margin-top: 20px;
        margin-left: 50px;
        width: 400px;
        height: 150px;
        background-color: #CCCCCE;
        .hidden_add_textArea_one {
            @include alert_four;
            .hidden_add_textArea_one_left {
                position: absolute;
                left: 5px;
               width: 60px;
               font-size: 12px;
               text-align: center;
               line-height: 30px;
               height: 30px;
            //    background-color: purple;
            }
            .hidden_add_textArea_one_right_div {
                position: absolute;
                left: 65px;
                width: 200px;
                height: 28px;
                border: 1px solid black;
                border-radius: 5%;
                .hidden_add_textArea_one_right {
                    margin-top: 7px;
                    font-size: 12px;
                    border-width: 0;
                    border: 0;
                    outline: none;
                    background-color:  #CCCCCE;
                }
            }
         }
         .hidden_add_textArea_two {
            @include alert_four;
            margin-top: 50px;
            .hidden_add_textArea_two_left {
                position: absolute;
                left: 5px;
               width: 60px;
               font-size: 12px;
               text-align: center;
               line-height: 30px;
               height: 30px;
            //    background-color: purple;
            }
            .hidden_add_textArea_two_right_div {
                position: absolute;
                left: 65px;
                width: 200px;
                height: 28px;
                border: 1px solid black;
                border-radius: 5%;
                .hidden_add_textArea_two_right {
                    margin-top: 7px;
                    font-size: 12px;
                    border: 0;
                    outline: none;
                    background-color:  #CCCCCE;
                }
            }
         }
         .hidden_add_textArea_three {
            @include alert_four;
            margin-top: 100px;
            .hidden_add_textArea_three_left {
                position: absolute;
                left: 5px;
               width: 60px;
               font-size: 12px;
               text-align: center;
               line-height: 30px;
               height: 30px;
            //    background-color: purple;
            }
            .hidden_add_textArea_three_right_div {
                position: absolute;
                left: 65px;
                width: 200px;
                height: 28px;
                border: 1px solid black;
                border-radius: 5%;
                .hidden_add_textArea_three_right {
                    margin-top: 5px;
                    font-size: 12px;
                    border: 0;
                    outline: none;
                    background-color:  #CCCCCE;
                }
            }
         }
    }
    .hidden_add_btn {
        margin-top: 5px;
        margin-left: 220px;
        width: 60px;
        height: 30px;
        background-color: yellow;
        font-size: 12px;
        text-align: center;
        line-height: 30px;
        border-radius: 5%;
        cursor: pointer;
    }
    .hidden_add_btn_Second {
        display: none;
        margin-top: 5px;
        margin-left: 20px;
        width: 450px;
        height: 30px;
        background-color: #CCCCCE;
        color: red;
        font-size: 12px;
        text-align: center;
        line-height: 30px;
        border-radius: 5%;
        cursor: pointer;
    }
    .hidden_add_btn_tip {
        display: none;
        margin-top: 5px;
        margin-left: 220px;
        width: 60px;
        height: 30px;
        background-color: yellow;
        font-size: 12px;
        text-align: center;
        line-height: 30px;
        border-radius: 5%;
        cursor: pointer;
    }
    .hidden_add_delect {
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        background-color: rgb(184, 177, 177);
        cursor: pointer;
    }
}
